const { defineConfig } = require('@vue/cli-service')

const path = require('path')
const themePath = path.join(__dirname, '/src/styles/theme.less')
// console.log(themePath)
// C:\Users\lang\Desktop\toutiao-m-9\src\styles\theme.less

module.exports = {
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        lessOptions: {
          modifyVars: {
            // 直接覆盖变量
            // 'nav-bar-background-color': '#3296fa'

            // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
            hack: `true; @import "${themePath}";`
          }
        }
      }
    }
  }
}
module.exports = defineConfig({
  transpileDependencies: true,
 
  devServer: {
    open: true,
    host: '127.0.0.1',
    port:'9617'
  },
  lintOnSave: false,
})
